import React, { Component } from "react";

class App extends Component {
  state = {
    size: 40,
  };
  render() {
    return (
      <>
        <h2>通过style添加样式</h2>
        {/* style属性只能写对象 */}
        {/* 要写双大括号，里层的是对象的括号，外层是jsx的括号 */}
        {/* 如果出现连字符，需要转成对应的小驼峰 */}
        {/* 一般的像素都是要加的，如果单位是px的，可以省略px */}
        <p
          style={{
            color: "red",
            fontSize: this.state.size,
            lineHeight: "30px",
          }}
        >
          hello react!
        </p>
      </>
    );
  }
}

export default App;
